<!DOCTYPE html>
<html>
<meta charset="utf-8">

<!-- Example based on http://bl.ocks.org/mbostock/3887118 -->
<!-- Tooltip example from http://www.d3noob.org/2013/01/adding-tooltips-to-d3js-graph.html -->

<style>
body {
  font: 11px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.dot {
  stroke: white;
  stroke-width: 1.5px;
}

.hldot {
  stroke: black;
  stroke-width: 3.5px;
}

.err {
  stroke-width: .5px;
  stroke: #543;
}
.tooltip {
	  position: absolute;           
	  text-align: center;           
	  width: 200px;                  
	  height: 28px;                 
	  padding: 2px;             
	  font: 12px sans-serif;        
	  background: purple;
	  color: white;   
	  border: 1px;      
	  border-radius: 8px;           
	  pointer-events: none;  
}
</style>
<body>
<script src="/static/d3.min.js"></script>
<script src="errorbar.js"></script>
<script src="test_scatter.js"></script>
</body>
</html>
